import React from 'react';
import { Typography } from 'antd';

const { Text } = Typography;

interface FormLabelProps {
  required?: boolean;
  children: React.ReactNode;
  style?: React.CSSProperties;
  className?: string;
}

const FormLabel: React.FC<FormLabelProps> = ({
  children,
  required,
  style,
  className,
  ...props
}) => {
  return (
    <div
      style={{
        color: 'var(--text-4)',
        fontSize: '12px',
        position: 'relative',
        fontWeight: 600,
        flexShrink: 0,
        ...style,
      }}
      className={className}
      {...props}
    >
      {/* {required && (
        <span
          style={{
            color: '#E53E3E',
            position: 'absolute',
            top: '-4px',
            left: '-6px',
          }}
        >
          *
        </span>
      )} */}
      {children}
    </div>
  );
};

export default FormLabel;
